<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>comment</title>
<link type="text/css" rel="stylesheet" href="../../../c/base/base.css" />
<link href="../../../c/themes/night/style.css" rel="stylesheet" type="text/css"/>
<link type="text/css" rel="stylesheet" href="../c/style.css" />
</head>
<body>
<!--[if lte IE 6]>
<div id="scrollWrap">
<![endif]-->
<div id="page">
	<div id="pageMid">
		<div id="pageInt">
			<div id="pageBd">
				<div id="pageBdInt">
					<!-- Page Body Start -->
					<div id="canvas-app" class="canvas">
						<div id="canvas-appInt">
							<!-- Canvas Start -->
							<div style="padding:100px 10px 10px 30px;">
								<!--comment begin-->
									<h1>第一种尺寸</h1>
									<!-- 1 -->
									<div class="commentBox small">
										<ul>
											<li class="commentC">
												<div class="commentAvatar"><a href="#"><img class="avatar-32" src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg"/></a></div>
												<div class="commentOption"><a title="删除此人" class="icon i-del" href="#">删除此人</a></div>
												<div class="commentInfo">
													<h4><a href="#">周大伟</a><span class="meta">01.03 16:30</span></h4>
													<p>忙什么呢？ <span class="meta">-</span> <a href="#cc1">回复</a></p>
												</div>
											</li>
											<li class="commentMore" onclick="this.style.display='none',$('test1').style.display=''"><a href="javascript:void(0)">显示更多3条评论...</a></li>
											<li class="commentC newC" id="test1" style="display:none">
																							<div class="commentAvatar"><a href="#"><img class="avatar-32" src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg"/></a></div>
												<div class="commentOption"><a title="删除此人" class="icon i-del" href="#">删除此人</a></div>
												<div class="commentInfo">
													<h4><a href="#">周大伟</a><span class="meta">01.03 16:30</span></h4>
													<p>忙什么呢？ <span class="meta">-</span> <a href="#cc1">回复</a></p>
												</div>

											</li>
											<li class="commentC">
																							<div class="commentAvatar"><a href="#"><img class="avatar-32" src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg"/></a></div>
												<div class="commentOption"><a title="删除此人" class="icon i-del" href="#">删除此人</a></div>
												<div class="commentInfo">
													<h4><a href="#">周大伟</a><span class="meta">01.03 16:30</span></h4>
													<p>忙什么呢忙什么呢忙什么呢忙什么呢忙什么呢？ <span class="meta">-</span> <a href="#cc1">回复</a></p>
												</div>

											</li>
										</ul>
										<div class="clickComment">
											<div class="addComment">
											<img class="emot e-def-1" src="../../../i/space.gif" style="display:none"/>
											<textarea class="addInput text" onclick="this.className='addComment text',$('test2').style.display=''">添加评论...</textarea>
											<span id="test2" class="button button-main" style="display:none"><span><button type="button" class="button">评论</button></span></span>
											</div>
										</div>
										<span class="corner"></span>
									</div>
									<!-- 1 end -->
									<h1>第二种尺寸</h1>
									<!-- 2 -->
									<div class="commentBox large">
										<ul>
											<li class="commentC">
												<div class="commentAvatar"><a href="#"><img class="avatar-32" src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg"/></a></div>
												<div class="commentOption"><a title="删除此人" class="icon i-del" href="#">删除此人</a></div>
												<div class="commentInfo">
													<h4><a href="#">周大伟</a><span class="meta">01.03 16:30</span></h4>
													<p>sssssssssssssssssssssssssssssssssssssssssssssssssssssssssss <span class="meta">-</span> <a href="#cc1">回复</a></p>
												</div>
											</li>
											<li class="commentC" id="test1">
																							<div class="commentAvatar"><a href="#"><img class="avatar-32" src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg"/></a></div>
												<div class="commentOption"><a title="删除此人" class="icon i-del" href="#">删除此人</a></div>
												<div class="commentInfo">
													<h4><a href="#">周大伟</a><span class="meta">01.03 16:30</span></h4>
													<p>忙什么呢？ <span class="meta">-</span> <a href="#cc1">回复</a></p>
												</div>

											</li>
											<li class="commentC">
																							<div class="commentAvatar"><a href="#"><img class="avatar-32" src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg"/></a></div>
												<div class="commentOption"><a title="删除此人" class="icon i-del" href="#">删除此人</a></div>
												<div class="commentInfo">
													<h4><a href="#">周大伟</a><span class="meta">01.03 16:30</span></h4>
													<p>忙什么呢？ <span class="meta">-</span> <a href="#cc1">回复</a></p>
												</div>

											</li>
										</ul>
										<div class="clickComment">
											<div class="addComment">
											<img class="emot e-def-1" src="../../../i/space.gif" style="display:none"/>
											<textarea class="addComment text" >添加评论...</textarea>
											<span class="button button-main"><span><button type="button" class="button">评论</button></span></span>
											</div>
										</div>
										<span class="corner"></span>
									</div>
									<!-- 2 end -->
								<!--comment end-->
							</div>
							<!-- Canvas End -->
						</div>
					</div>
					<!-- Page Body End -->
				</div>
			</div>
		</div>
	</div>
</div>
<!--[if IE 6]>
</div>
<![endif]-->
</body>
</html>
<!--临时JS-->
<script>
function toggle(ele) {
	ele = $(ele);
	//ele.style.display = ele.style.display=='none'?'block':'none';
	ele.style.display = ele.style.display!='none'?'none':'';
}
function $(id) {
	return document.getElementById(id);
}
</script>